<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电商平台的后台管理系统</title>
		<link rel="stylesheet" href="/dsptproject/admin/css/main.css" />
		<script type="text/javascript" src="/dsptproject/admin/js/jquery-3.3.1.min.js"></script>
	</head>
	<body>
		<div id="content">
			<%@ include file="commen/head.jsp" %>
			<div class="middle">
				 <%@ include file="commen/left.jsp" %>
				  <div class="right">
				  	<div>类型显示--添加修改的时候显示效果</div>
				  	  <div>
				  	  类型： <select name="cate">
				  	     
				  	   </select>
				  	  </div>
				  	 <div>图片上传</div>
				  	 <div>
				  	   <form action="/dsptproject/multimgservlet" method="post" enctype="multipart/form-data">
				  	     图片上传：<!-- <input type="file" name="files"> -->
				  	     <input type="file" name="mulfiles" multiple="multiple"> 
				  	     <br>
				  	     <input type="submit" value="图片上传">
				  	   </form>
				  	 </div> 
				  	  
				  	  
				  </div>
			</div>
			<%@ include file="commen/foot.jsp" %>
			
		</div>
		
		<script>
		  /* 1：传入参数:2：接受服务器响应数据*/
		  /*接受服务器响应的数据：数据格式：json格式:[{"name":"tom","age":12},{}]  */
		   
		  //测试jquery导入是否正确
		 /*  $(function(){
			  alert("测试jquery");
		  }) */
		  //类别显示
		  $(function(){
			  $.ajax({
				  url:"/dsptproject/list.cate",/* 请求的路径 */
				  type:"get",/*  请求的方式*/
				  dataType:"json",/* 接受的类型 */
				  success:function(result){/*通过回调函数，返回成功的结果  */
					  /* alert(result) */
					  var str=""
					  $(result).each(function(){
						  /* console.log(this.cid+"  "+this.cname) */
						  str+="<option value='"+this.cid+"'>"+this.cname+"</option>"
					  })
					  $("select[name='cate']").html(str);
				  }
			  })
		  })
		  
		  </script>
	</body>
</html>
